// Components/my-slot/my-slot.js
Component({
  /**
   * 组件的属性列表
   */

  //   作用：让使用者可以给组件传入数据
  properties: {
    title:{
      type:String,
      value:'',
      observer:function(newValue,oldValue){

      },
    }
  },

  //  定义组件的配置选项
  // multipleSlots:在使用多插槽时需要设置为true
  // styleIsolation: 设置样式的隔离方式

  // 外界传入的样式
  externalClasses:[],
  // 监听属性的改变  即可以监听data里面的数据  还可以监听properties里面的数据
  observers:{
    counter:function(newValue){

    }
  },
  options:{

  },
  /**
   * 组件的初始数据
   */
  // 组件内部的初始化数据
  data: {
    
    counter:0,

  },

  /**
   * 组件的方法列表
   */

  // 组件内部定义的事件  
  methods: {

  },

  //组件中的监听生命周期函数
 
  //监听页面中的生命周期
  pageLifetimes:{
    show(){
      console.log('监听组件的所在的页面显示出来时');
    },
    hide(){
      console.log('监听组件所在页面隐藏起来');
    },
    resize(){
      console.log('监听页面尺寸的变化');
    }

  },
  leftimes:{

    create(){
      console.log('组件被创建');

    },
    attached(){
      console.log('组件被添加到页面中');
    },
    ready(){
      console.log('组件被渲染处理');
    },

    movied(){
      console.log('组件被移动到节点数的另一个位置');
    
    },
      detached() {
      console.log('组件被移除掉');
    }

  }
})
